<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>兄弟商场</title>
		<link type="text/css"  href="./mystyle.css" rel="stylesheet" >
	</head>
	<body>
		<div class="main">
			<!--欢迎光临-->
			<div class="huanying">
				<div class="huanyingleft">
					<font>您好！欢迎光临兄弟商城网站！！！</font>
				</div>
				<div class="huanyingright">
					<ul>
						<li><a href="#">购物车  |</a></li>
						<li><a href="#">客服中心| </a></li>
						<li><a href="#">会员注册| </a></li>
						<li><a href="#">后台管理 |</a></li>
					</ul>
				</div>
			</div>
			<!--logo图像-->
			<div class="logo">
				<div class="logoleft">
					<img src="./image/logo.gif">
				</div>
				<div class="logoright">
					<ul>
						<li class="now"><a href="#">首页</a></li>
						<li class="nav"><a href="#">新闻中心</a></li>
						<li class="nav"><a href="#">商品分类</a></li>
						<li class="nav"><a href="#">最新商品</a></li>
						<li class="nav"><a href="#">热门商品</a></li>
						<li class="nav"><a href="#">打折商品</a></li>
						<li class="nav"><a href="#">留言本</a></li>
						<li class="nav"><a href="#">联系我们</a></li>
					</ul>
				</div>
			</div>
			<!--搜索框-->
			<div class="search">
				<div class="searchleft">
					<font>
					热门关键字：手机、笔记本、ipad、ThinkPad、诺基亚N8
					</font>
				</div>
				<div class="searchright">
					<input type="text" name="search" class="serchkuang">
					<input type="image" src="./image/searchicon.gif" class="btn">
					<a href="#">高级搜索</a>
				</div>
			</div>
			<!--广告图片-->
			<div class="ad margintop">
				<img src="./image/guanggao.gif">
			</div>
			<!--网站主体-->
			<div class="mainbody margintop">
				<div class="mainbodyleft">
					<div class="login">
						<div class="logintitle">
							<font>会员登录</font>
						</div>
						<div class="info">
							<font>用户名：</font>
							<input type="text" name="user">
						</div>
						<div class="info">
							<font>密&nbsp码：</font>
							<input type="text" name="user">
						</div>
						<div class="loginbtn">
							<input type="image" src="./image/submit.gif">
							<input type="image" src="./image/reset.gif" class="reset">
						</div>
					</div>
					<div class="gouwuche">
						<div class="logintitle">
							<font>购物车</font>
						</div>
						<div class="cartcount">
							<ul>
								<li><font>物品数量：0</font></li>
								<li><font>共计：￥0.00</font></li>
							</ul>
						</div>
						<div class="goincart">
							<a href="#">进入购物车</a>
						</div>
					</div>
				</div>
				<div class="mainbodycenter">
					<img src="./image/lunxian1.jpg">
				</div>
				<div class="mainbodyright">
					<div class="mainrighttitle">
						<span>网站公告</span>
						<a href="#">更多>></a>
					</div>
					<div class="mainlist">
						<ul>
							<li><a href="#">6月周年庆促销活动正式开始啦！</a></li>
							<li><a href="#">享不尽的百货盛宴！快来体验吧！</a></li>
							<li><a href="#">红六月手机家电会员回馈专场</a></li>
							<li><a href="#">收纳用品春季热销 方便实用</a></li>
							<li><a href="#">时尚挂表低折扣 精细准确</a></li>
							<li><a href="#">24小限时达，超时即免单</a></li>
							<li><a href="#">注意啦，24小时限时达活动细</a></li>
							<li><a href="#">2010年度家电风云榜评选结果揭晓</a></li>
							<li><a href="#">享不尽的百货盛宴！快来体验吧！</a></li>
							<li><a href="#">上海市企业客户参加以旧换新调整</a></li>
							<li><a href="#">清凉一夏，家纺专场59元起</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!--商品排行及热门商品-->
			<div class="remen margintop">
				<div class="remenleft">
					<div class="product_title">
						<span>商品排行</span>
						<a href="#">更多>></a>
					</div>
					<div class="news_list">
						<ul>
							<li class="a"><a href="#">6月周年庆促销活动正式开始啦！</a></li>
							<li class="b"><a href="#">享不尽的百货盛宴！快来体验吧！</a></li>
							<li class="c"><a href="#">红六月手机家电会员回馈专场</a></li>
							<li class="d"><a href="#">收纳用品春季热销 方便实用</a></li>
							<li class="e"><a href="#">时尚挂表低折扣 精细准确</a></li>
							<li class="f"><a href="#">24小限时达，超时即免单</a></li>
							<li class="g"><a href="#">注意啦，24小时限时达活动细</a></li>
							<li class="h"><a href="#">2010年度家电风云榜评选结果揭晓</a></li>
							<li class="i"><a href="#">享不尽的百货盛宴！快来体验吧！</a></li>
							<li class="j"><a href="#">上海市企业客户参加以旧换新调整</a></li>
							<li class="k"><a href="#">清凉一夏，家纺专场59元起</a></li>
						</ul>
					</div>
				</div>
				<div class="remenright">
					<div class="rementitle">
						<span>热门商品</span>
						<a href="#">更多>></a>
					</div>
					<div class="product_remen">
						<!--商品1-->
						<div class="product_remen_one">
							<div class="product_remen_image">
									<img src="./image/1.jpg">
							</div>
							<div class="product_remen_shuoming">
								<a href="#">奥尼（AONI）S918</a>
							</div>
							<div class="product_remen_price">
								市场价：<span class="yuanjia">￥69.00</span><br>
								会员价：<span class="xianjia">￥69.00</span>
							</div>
						</div>
						<!--商品2-->
						<div class="product_remen_one">
							<div class="product_remen_image">
									<img src="./image/2.jpg">
							</div>
							<div class="product_remen_shuoming">
								<a href="#">奥尼（AONI）S917</a>
							</div>
							<div class="product_remen_price">
								市场价：<span class="yuanjia">￥129.00</span><br>
								会员价：<span class="xianjia">￥129.00</span>
							</div>
						</div>
						<!--商品3-->
						<div class="product_remen_one">
							<div class="product_remen_image">
									<img src="./image/3.jpg">
							</div>
							<div class="product_remen_shuoming">
								<a href="#">奥尼（AONI）S916</a>
							</div>
							<div class="product_remen_price">
								市场价：<span class="yuanjia">￥99.00</span><br>
								会员价：<span class="xianjia">￥99.00</span>
							</div>
						</div>
						<!--商品4-->
						<div class="product_remen_one">
							<div class="product_remen_image">
									<img src="./image/4.jpg">
							</div>
							<div class="product_remen_shuoming">
								<a href="#">奥尼（AONI）S915</a>
							</div>
							<div class="product_remen_price">
								市场价：<span class="yuanjia">￥39.00</span><br>
								会员价：<span class="xianjia">￥39.00</span>
							</div>
						</div>
						<!--商品5-->
						<div class="product_remen_one">
							<div class="product_remen_image">
									<img src="./image/5.jpg">
							</div>
							<div class="product_remen_shuoming">
								<a href="#">奥尼（AONI）S913</a>
							</div>
							<div class="product_remen_price">
								市场价：<span class="yuanjia">￥69.00</span><br>
								会员价：<span class="xianjia">￥69.00</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--商品分类及推荐商品-->
			<div class="tuijian margintop">
				<div class="remenleft">
					<div class="product_title">
						<span>商品分类</span>
						<a href="#">更多>></a>
					</div>
					<div class="product_kinds">
						<div class="phone">
							<h5>---手机---</h5>
							<ul>
								<li><a href="" class="rightborder">诺基亚</a></li>
								<li><a href="" class="rightborder">三星</a></li>
								<li><a href="" class="rightborder">HTC</a></li>
								<li><a href="" class="rightborder">Apple</a></li>
								<li><a href="" >多普达</a></li>
							</ul>
						</div>
						<div class="phone">
							<h5>---笔记本---</h5>
							<ul>
								<li><a href="" class="rightborder">联想</a></li>
								<li><a href="" class="rightborder">惠普</a></li>
								<li><a href="" class="rightborder">华硕</a></li>
								<li><a href="" class="rightborder">戴尔</a></li>
								<li><a href="" class="rightborder">宏基</a></li>
								<li><a href="" > 东芝</a></li>
							</ul>
						</div>
						<div class="phone">
							<h5>---数码相机---</h5>
							<ul>
								<li><a href="" class="rightborder">佳能</a></li>
								<li><a href="" class="rightborder">索尼</a></li>
								<li><a href="" class="rightborder">松下</a></li>
								<li><a href="" class="rightborder">三星</a></li>
								<li><a href="" class="rightborder">尼康</a></li>
								<li><a href="" >富士</a></li>
							</ul>
						</div>
						<div class="phone">
							<h5>---摄像头---</h5>
							<ul>
								<li><a href="" class="rightborder">Logitech（罗技） </a></li>
								<li><a href="" class="rightborder">蓝色妖姬 </a></li>
								<li><a href="" class="rightborder"> Gsou（极速）</a></li>
								<li><a href="" class="rightborder"> 台电</a></li>
								<li><a href="" class="rightborder">  环宇飞扬</a></li>
								<li><a href="" > BNT（百脑通）</a></li>
							</ul>
						</div>
					</div>
				</div>
				<!--推荐商品-->			
				<div class="tuijianright">
					<div class="tuijiantitle");">
						<span>推荐商品</span>
						<a href="#">更多>></a>
					</div>
					<div class="product_tuijian">
						<!--商品6-->
						<div class="product_tuijian_one">
							<div class="product_tuijian_image">
									<img src="./image/6.jpg">
							</div>
							<div class="product_tuijian_shuoming">
								<a href="#">奥尼（AONI）S918</a>
							</div>
							<div class="product_tuijian_price">
								市场价：<span class="yuanjia">￥69.00</span><br>
								会员价：<span class="xianjia">￥69.00</span>
							</div>
						</div>
						<!--商品7-->
						<div class="product_tuijian_one">
							<div class="product_tuijian_image">
									<img src="./image/7.jpg">
							</div>
							<div class="product_tuijian_shuoming">
								<a href="#">奥尼（AONI）S917</a>
							</div>
							<div class="product_tuijian_price">
								市场价：<span class="yuanjia">￥129.00</span><br>
								会员价：<span class="xianjia">￥129.00</span>
							</div>
						</div>
						<!--商品8-->
						<div class="product_tuijian_one">
							<div class="product_tuijian_image">
									<img src="./image/8.jpg">
							</div>
							<div class="product_tuijian_shuoming">
								<a href="#">奥尼（AONI）S916</a>
							</div>
							<div class="product_tuijian_price">
								市场价：<span class="yuanjia">￥99.00</span><br>
								会员价：<span class="xianjia">￥99.00</span>
							</div>
						</div>
						<!--商品9-->
						<div class="product_tuijian_one">
							<div class="product_tuijian_image">
									<img src="./image/9.jpg">
							</div>
							<div class="product_tuijian_shuoming">
								<a href="#">奥尼（AONI）S915</a>
							</div>
							<div class="product_tuijian_price">
								市场价：<span class="yuanjia">￥39.00</span><br>
								会员价：<span class="xianjia">￥39.00</span>
							</div>
						</div>
						<!--商品10-->
						<div class="product_tuijian_one">
							<div class="product_tuijian_image">
									<img src="./image/10.jpg">
							</div>
							<div class="product_tuijian_shuoming">
								<a href="#">奥尼（AONI）S913</a>
							</div>
							<div class="product_tuijian_price">
								市场价：<span class="yuanjia">￥69.00</span><br>
								会员价：<span class="xianjia">￥69.00</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--网站调查及打折商品-->
			<div class="dazhe margintop">
				<div class="dazheleft">
					<div class="product_title">
						<span>网站调查</span>
						<a href="#">更多>></a>
					</div>
					<div class="dazheleft_diaocha">
						<div class="dazheleft_title">
							<font>你从何处获知本站？</font>
						</div>
						<div class="dazheleft_radio">
							<ul>
								<li><input type="radio" name="serch" value="serch">搜索引擎</li>
								<li><input type="radio" name="serch" value="serch">网络广告</li>
								<li><input type="radio" name="serch" value="serch">媒体报道</li>
								<li><input type="radio" name="serch" value="serch">报刊杂志</li>
								<li><input type="radio" name="serch" value="serch">朋友介绍</li>
								<li><input type="radio" name="serch" value="serch">我不知道</li>
							</ul>
						</div>
						<div class="dazheleft_btn">
							<input type="image" src="./image/toupiao.gif">&nbsp&nbsp
							<input type="image" src="./image/chakan.gif">
						</div>
					</div>
				</div>
				<!--打折商品-->
				<div class="dazheright">
					<div class="dazhetitle");">
						<span>打折商品</span>
						<a href="#">更多>></a>
					</div>
					<div class="product_dazhe">
						<!--商品11-->
						<div class="product_dazhe_one">
							<div class="product_dazhe_image">
									<img src="./image/11.jpg">
							</div>
							<div class="product_dazhe_shuoming">
								<a href="#">奥尼（AONI）S918</a>
							</div>
							<div class="product_dazhe_price">
								市场价：<span class="yuanjia">￥69.00</span><br>
								会员价：<span class="xianjia">￥69.00</span>
							</div>
						</div>
						<!--商品12-->
						<div class="product_dazhe_one">
							<div class="product_remen_image">
									<img src="./image/12.jpg">
							</div>
							<div class="product_dazhe_shuoming">
								<a href="#">奥尼（AONI）S917</a>
							</div>
							<div class="product_dazhe_price">
								市场价：<span class="yuanjia">￥129.00</span><br>
								会员价：<span class="xianjia">￥129.00</span>
							</div>
						</div>
						<!--商品13-->
						<div class="product_dazhe_one">
							<div class="product_dazhe_image">
									<img src="./image/13.jpg">
							</div>
							<div class="product_dazhe_shuoming">
								<a href="#">奥尼（AONI）S916</a>
							</div>
							<div class="product_dazhe_price">
								市场价：<span class="yuanjia">￥99.00</span><br>
								会员价：<span class="xianjia">￥99.00</span>
							</div>
						</div>
						<!--商品14-->
						<div class="product_dazhe_one">
							<div class="product_dazhe_image">
									<img src="./image/14.jpg">
							</div>
							<div class="product_dazhe_shuoming">
								<a href="#">奥尼（AONI）S915</a>
							</div>
							<div class="product_dazhe_price">
								市场价：<span class="yuanjia">￥39.00</span><br>
								会员价：<span class="xianjia">￥39.00</span>
							</div>
						</div>
						<!--商品15-->
						<div class="product_dazhe_one">
							<div class="product_remen_image">
									<img src="./image/15.jpg">
							</div>
							<div class="product_dazhe_shuoming">
								<a href="#">奥尼（AONI）S913</a>
							</div>
							<div class="product_dazhe_price">
								市场价：<span class="yuanjia">￥69.00</span><br>
								会员价：<span class="xianjia">￥69.00</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--促销商品及特价商品-->
			<div class="cuxiao margintop">
				<!--左侧促销商品-->
				<div class="cuxiaoleft">
					<div class="cuxiaotitle">
						<span>促销商品</span>
						<a href="#">更多>></a>
					</div>
					<div class="cuxiao_content">
						<div class="cuxiao_img">
							<image src="./image/tupian.jpg" alt="促销商品">
						</div>
						<div class="cuxiao_list">
							<div class="cuxiao_title">
								<font>大标题-促销商品</font>
							</div>
							<div class="cuxiao_list_con">
								<ul>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!--右侧特价商品-->
				<div class="cuxiaoright">
					<div class="cuxiaotitle">
						<span>特价商品</span>
						<a href="#">更多>></a>
					</div>
					<div class="cuxiao_content">
						<div class="cuxiao_img">
							<image src="./image/tupian2.jpg" alt="促销商品">
						</div>
						<div class="cuxiao_list">
							<div class="cuxiao_title">
								<font>大标题-特价商品</font>
							</div>
							<div class="cuxiao_list_con">
								<ul>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
									<li><a href="#">简洁而新潮的实物配搭拍摄店铺</a><font>2011-06-06</font></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--购物相关-->
			<div class="zhinan margintop">
				<div class="zhinan_content">
					<div class="zhinan_title">
						<strong>购物指南</strong>
					</div>
					<div class="zhinan_list">
						<ul>
							<li>·<a href="#">购物流程</a></li>
							<li>·<a href="#">购物流程</a></li>
							<li>·<a href="#">购物流程</a></li>
						<ul>
					</div>
				</div>
				<!---->
				<div class="zhinan_content">
					<div class="zhinan_title">
						<strong>购物指南</strong>
					</div>
					<div class="zhinan_list">
						<ul>
							<li>·<a href="#">购物流程</a></li>
							<li>·<a href="#">购物流程</a></li>
							<li>·<a href="#">购物流程</a></li>
						<ul>
					</div>
				</div>
				<div class="zhinan_content">
					<div class="zhinan_title">
						<strong>购物指南</strong>
					</div>
					<div class="zhinan_list">
						<ul>
							<li>·<a href="#">购物流程</a></li>
							<li>·<a href="#">购物流程</a></li>
							<li>·<a href="#">购物流程</a></li>
						<ul>
					</div>
				</div>
				<div class="zhinan_content">
					<div class="zhinan_title">
						<strong>购物指南</strong>
					</div>
					<div class="zhinan_list">
						<ul>
							<li>·<a href="#">购物流程</a></li>
							<li>·<a href="#">购物流程</a></li>
							<li>·<a href="#">购物流程</a></li>
						<ul>
					</div>
				</div>
				<div class="zhinan_content">
					<div class="zhinan_title">
						<strong>购物指南</strong>
					</div>
					<div class="zhinan_list">
						<ul>
							<li>·<a href="#">购物流程</a></li>
							<li>·<a href="#">购物流程</a></li>
							<li>·<a href="#">购物流程</a></li>
						<ul>
					</div>
				</div>
			</div>
			<!--友情链接-->
			<div class="lianjie margintop">
				<div class="lianjie_title">
					<span>友情链接</span>
					<a href="#">更多>></a>
				</div>
				<div class="lianjie_table">
					<ul>
						<li><a href="#">兄弟商城</a></li>
						<li><a href="#">淘宝商城</a></li>
						<li><a href="#">当当商城</a></li>
						<li><a href="#">卓越商城</a></li>
						<li><a href="#">新浪商城</a></li>
						<li><a href="#">亚马逊商城</a></li>
						<li><a href="#">大街网</a></li>
						<li><a href="#">天猫商城</a></li>
						<li><a href="#">兄弟商城</a></li>
						<li><a href="#">购物街</a></li>
						<li><a href="#">蘑菇街</a></li>
						<li><a href="#">苹果商城</a></li>
						<li><a href="#">联想商城</a></li>
						<li><a href="#">小米商城</a></li>
						<li><a href="#">华为商城</a></li>
						<li><a href="#">京东商城</a></li>
						<li><a href="#">零食商城</a></li>
						<li><a href="#">采购商城</a></li>
						<li><a href="#">久久商城</a></li>
						<li><a href="#">便利商城</a></li>
						<li><a href="#">易第优商城</a></li>
						<li><a href="#">兄弟商城</a></li>
					</ul>
				</div>
			</div>
			<!--相关信息-->
			<div class="copy margintop">
				<div class="copy_list">
					<ul>
						<li><a href="#">网站首页</a></li>
						<li><a href="#">新闻中心</a></li>
						<li><a href="#">商品分类</a></li>
						<li><a href="#">最新商品</a></li>
						<li><a href="#">热门商品</a></li>
						<li><a href="#">打折商品</a></li>
						<li><a href="#">留言本</a></li>
						<li><a href="#">联系我们</a></li>
					</ul>
				</div>
				<div class="copy_last">
					<font>版权所有 兄弟连 - 邰增涛_31期 京ICP备********号</font>
				</div>
			</div>	
		</div>
	</body>
</html>

